@charset "UTF-8";
@import "layout/p-spirte";


//选手频道
body{
  background-position: 0 174px;
}

//搜索条

.players-search {
  box-shadow: 0 2px 8px #000000;
  margin-left: 20px;
}
.search-input{
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  width: 240px;
  height: 42px;
  border-right: none;
}
.search-btn{
  background-color:#1e0905;
  width: 42px;
  height: 42px;
  border: 1px solid #5a241b;
  border-left: none;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
   cursor: pointer;
  background-image: sprite-url($icons);
  background-position: sprite-position($icons,news-search-btn);
 }
.search-btn:hover{
  background-color: #1e0905;
}


/*选手排行*/
.players-list{
  margin-top: 30px;
}
.players-list .p-m-t{
  margin-bottom: 20px;
}
.players-list .p-m-c{
  min-height: 400px;
  padding-bottom: 58px;
 }


//下拉框
.players-list .p-select{
  margin-left: 20px;
}
.players-list .p-select h3{font-size: 14px; color: #d74e36;}
.players-list .p-select-header{
  width: 240px;
  padding: 0 15px 0 40px;
}
.players-list  .p-select-header:after {
  border: none;
  border-bottom:1px solid #6e2215;
  border-right:1px solid #6e2215;
  width: 12px;
  height: 12px;
  top:7px;
  right:12px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  transform:rotate(45deg);
  position: absolute;

}
.players-list  .p-select-border .p-select-header{
  border:1px solid #6e2215;
}
.players-list  .p-select-border .p-select-body{
  border:1px solid #6e2215;
}
.players-list .match-year .p-select-header:before{
  background-image: sprite-url($icons);
 // background-position: sprite-position($icons,title-arrows-6);
  width: 30px;
  height: 25px;
  top:5px;
  left: 5px;
}
.players-list .position .p-select-header:before{
  background-image: sprite-url($icons);
 //background-position: sprite-position($icons,team-icon-4);
  width: 22px;
  height: 18px;
  top:11px;
  left: 9px;
}


//数据表部分
.players-list .data-li-table{
}

.players-list .data-bg li:nth-child(2n-1) {
  background: rgba(110,34,21,.13);
}

.players-list .data-bg  li.title-row{
  height: 42px;
  line-height: 42px;
  background-color: #501f19;
  border:none;
  padding: 0 0 0 22px;
  font-weight: normal;
  font-size: 13px;

}
.players-list .data-bg  li.title-row:hover{
  background-color: #182a3f;
  border:none;
}
.players-list .data-li-table li{
  border:1px solid #292321;
  padding: 0 0 0 20px;
}
.players-list  .data-li-table li:hover {
  background: rgba(110,34,21,.33);
  border:1px solid #d64e36;
}
.players-list .data-bg li.title-row:hover{
  background: #501f19;
}

//顺序
.players-list .order{
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  border:1px solid #0b3c73;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  margin-right: 0;
  color: #6ed4ff;
}
.players-list .focus .order{
  border:none;
}
.p-select-header:after{
  background: none;
}

//切换数据
.players-list .switch-data{
  display: block;
  background-color: #ffe71d;
  line-height: 42px;
  text-align: center;
  width: 100%;
  color: #141517;
  font-size: 15px;
  margin-right: 0;
  cursor: pointer;
}
.players-list .switch-data:hover{
  background-color: #feff70;
}
.players-list .btn-detail-future{
  display: block;
  background-color: #000;
  line-height: 24px;
  box-sizing: border-box;
  text-align: center;
  padding: 0 15px;
  border-radius: 20px;
  color: #ebcfa8;
  margin-right: 0;
  font-size: 12px;
}

.players-list .btn-detail-now{
  display: block;
  position: relative;
  background-color: #000;
  line-height: 22px;
  height: 26px;
  box-sizing: border-box;
  text-align: center;
  padding: 0 20px 0 15px;
  border-radius: 20px;
  border: 2px solid #d74e36;
  color: #fff;
  margin-right: 0;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
}
.players-list .btn-detail-now:hover{
  border: 2px solid #d74e36;
  color: #ebcfa8;
}
.players-list .btn-detail-now:after{
  display: block;
  position: absolute;
  top: 35%;  right: 12%;
  content: '';
  width: 5px;
  height: 5px;
  border-top:1px solid #fff;
  border-right:1px solid #fff;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  transform:rotate(45deg);


}

.players-list .p-arial{
  font-weight: bold;
}

  //列宽控制
.players-list .col-1{
  -webkit-flex: 0 0 70px;
  -moz-flex: 0 0 70px;
  -ms-flex: 0 0 70px;
  flex: 0 0 70px;
}
.players-list .col-2{
  -webkit-flex: 0 0 140px;
  -moz-flex: 0 0 140px;
  -ms-flex: 0 0 140px;
  flex: 0 0 140px;
}
.players-list .col-2 img{
  border-radius: 50%;
  box-shadow: 0 0 5px #111;
  overflow: hidden;
}

.players-list .col-3{
  -webkit-flex: 0 0 100px;
  -moz-flex: 0 0 100px;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
}
.players-list .col-9 {
  -webkit-flex: 0 0 105px;
  -moz-flex: 0 0 105px;
  -ms-flex: 0 0 105px;
  flex: 0 0 105px;
}
.players-list .col-10{
  -webkit-flex: 0 0 120px;
  -moz-flex: 0 0 120px;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
}
.players-list .col-11{
  -webkit-flex: 0 0 100px;
  -moz-flex: 0 0 100px;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
}
.players-list .col-12{
  -webkit-flex: 0 0 120px;
  -moz-flex: 0 0 120px;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
}

.players-list .col-15{
  -webkit-flex: 0 0 250px;
  -moz-flex: 0 0 250px;
  -ms-flex: 0 0 250px;
  flex: 0 0 250px;
}

/*en css*/
.en .players-list{
  font-family: open_sanslight;
}